.flex {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: wrap;
}

.container {
    width: 100%;
    height: 100%;
    position: relative;
}

.space-between {
    justify-content: space-between;
}

.space-center {
    justify-content: center;
}

.space-evenly {
    justify-content: space-evenly;
}

.space-around {
    justify-content: space-around;
}

.space-end {
    justify-content: flex-end;
}

.flex-column {
    flex-direction: column;
    align-items: center;

}

.align-start {
    align-items: flex-start;
}

.mr10 {
    margin-right: 10px;
}

.ml10 {
    margin-left: 10px;
}

.ab {
    position: absolute;
}

.blueColor {
    color: #99ccff;
}

.mb10 {
    margin-bottom: 10px;
}

@keyframes bounce {
    0%{
        transform: translateY(0);
    }
    2%{
        transform: translateY(-10px);
    }
    100%{
        transform:translateY(0)
    }
}


@keyframes bounce2 {
    0%{
        transform: translateY(0);
    }
    25%{
        transform: translateY(-10px);
    }   
    50%{
        transform: translateY(0px);
    }
    75%{
        transform: translateY(-10px);
    }
    100%{
        transform:translateY(0)
    }
}
.ani-bounce{
    animation-name: bounce;
    animation-iteration-count: 1;
    animation-duration: .8s;
}
/* .ani-bounce2{
    animation-name: bounce2;
    animation-iteration-count: 1;
    animation-duration: .1.6s;
} */
.ani-delay-1{
    animation-delay:1s;
}
.ani-delay-2{
    animation-delay:2s;
}
.ani-delay-3{
    animation-delay:3s;
}
.ani-delay-4{
    animation-delay:4s;
}
.ani-delay-5{
    animation-delay:5s;
}
.ani-delay-6{
    animation-delay:6s;
}
.ani-delay-7{
    animation-delay:7s;
}
.ani-delay-8{
    animation-delay:8s;
}
.ani-delay-9{
    animation-delay:9s;
}
.ani-delay-10{
    animation-delay:10s;
}